משימה מסכמת במדעי המחשב - מודול צד לקוח תשע"ז,2017

Size: px

Start display at page:

Download "משימה מסכמת במדעי המחשב - מודול צד לקוח תשע"ז,2017"

Dorcas Stafford
6 years ago
Views:

1 משימה מסכמת במדעי המחשב - מודול צד לקוח תשע"ז,2017 ניקוד שאלות מס' שאלה נושא השלמת,HTML כל קוד 5 נק' מציאת טעות בקטעי קוד, כל תיקון 3 נק' שימוש בטופס לזימון פונקציה, כל השלמה 3 נק' ההצבה ראשונית 1 נק' להשלמה טבלת מעקב, דוגמה לקלט והסבר מהות משתנה, טבלת מעקב 8 נק', סעיף ב, סעיף ג 5 נק' מציאת טעות בקטעי קוד, כל קטע 4 נק' מונה צובר, יש 10 השלמות. כל השלמה 2 נק' כל צורה 10 נק ', צורה חלקית 5 נק' )צבע, מיקום( אנימציה - 20 נק', כל השלמה של קטע קוד 4 נק' סה"כ ניקוד

2 מספר השאלה סוג הפריט התשובה הנכונה ופירוט רמות הביצוע טווח הציונים לתשובה 0-10 פתוח שאלה 1 12 נק', השלמת,HTML כל קוד 5 נק' 1 מציאת טעות בקטעי קוד, כל תיקון 3 נק' 0-18 סעיף א, 2 נק'. 2 פתוח סעיפים ב, ג,ד,ה 4 נק' לכל סעיף פתוח 14 נק', 7 מקומות להשלמה טבלת מעקב שימוש בטופס לזימון פונקציה, כל השלמה 2 נק' טבלת מעקב, דוגמה לקלט והסבר מהות משתנה, טבלת מעקב 8 נק', סעיף ב 5 נק', סעיף ג 5 נק' כל קטע 4 נק', תשובה חלקית 2 נק' תיקון שגיאה השלמה יש 8 השלמות. כל השלמה 2 נק' 4 השלמות בתוך הלולאה 3 נק' כל השלמה 4 השלמות מחוץ ללולאה והלולאה עצמה 2 נק' כל השלמה 7 מעקב כל צורה 10 נק ', 0-20 צורה חלקית 5 נק' )צבע, מיקום( השלמה אנימציה - 20 נק', 5 השלמות, כל השלמה של קטע קוד 4 נק'

3 חלק א בחלק זה יש לענות על כל 4 השאלות )4 מתוך 4( teldan.html שאלה )10 1 נק'( )השלמת,HTML כל קוד 5 נק'( שמורת תל דן לפניך תצוגת 2 דפים: parks.html רשות הטבע והגנים שעות פתיחה 9:00-16:00 תמונה dan.jpg שתהווה קישור לדף teldan.html חזור לדף הראשי )זהו קישור( יש להשלים את קוד המקור ב- HTML עבור 2 הדפים הבאים בהתאמה: teldan.html <html> <head> </head> <body dir="rtl"> h1> תל דן< < h1 />שמורת <table border="1"> <tr> פתיחה< td > < td />שעות <td>9:00-16:00</td> </tr> </table> <br/> a> לדף הראשי<" href="parks.html < a />חזור </body> </html> parks.html <html> <head> </head> <body dir="rtl"> הטבע והגנים< h1 > < h1 />רשות <a href="teldan.html"> <img src="dan.jpg"> </a> </body> </html>

4 שאלה )18 2 נק'( )מציאת טעות בקטעי קוד, כל תיקון 3 נק' סעיף א, 2 נק'.סעיפים ב, ג,ד,ה 4 נק' לכל סעיף( לפניך 5 קטעי קוד. מטרת כל קטע לקלוט 4 ציונים, לחשב ולהדפיס את הממוצע שלהם. בכל קטע קוד נפלה טעות אחת והקטע אינו מבצע את מטרתו. בכל קטע יש להסביר את הטעות ולתקנה. הערה: הטעות אינה טעות הידור/קומפילציה א קטע קוד <script> var num = parseint(window.prompt("press a number")); var count = 1, sum = 0; while (count < 4) { num = parseint(window.prompt("press a number")); sum = sum + num; count = count + 1; document.write( sum / count ); </script> <script> var m, num, sum ; for (m=1; m <= 4; m++) { num = parseint(window.prompt("press a number")); sum = 0; sum = sum + num; document.write( sum / 4 ); </script> <script> var count = 0, sum = 0; var num = parseint(window.prompt("press a number")); while (count < 4) { sum = sum + num; num = parseint(window.prompt("press a number")); document.write( sum / 4 ); </script> הסבר דריסת הקלט הראשון X איפוס sum בתוך לולאה X לולאה אינסופית X ב ג

5 הסבר קטע קוד <script> var sum = 0, num = 0, m; for (m = 1; m <= 4; m++) { sum = sum + num; num = parseint(window.prompt("press a number")); document.write( sum / 4 ); </script> <script> var sum = 0, num = 0, m; for (m = 1; m <= 4; m++) { num = parseint(window.prompt("press a number")); sum = sum + num; document.write( sum / m ); </script> ד ה. אי סכמת המספר הראשון X חילוק הממוצע ב- 5

6 )14 נק'( שאלה 3 )14 נק', 7 מקומות להשלמה שימוש בטופס לזימון פונקציה, כל השלמה 2 נק'( במסגרת המשחק Pokimon-Go יכולים שחקנים לצבור נקודות בהתאם לסוג הפוקימון שתפסו. קיימים 3 סוגי )type( פוקימונים: טיסה,)flying( מים )water( ו-מתכת.)steel( להלן הניקוד בעבור כל סוג פוקימון: סוג )type( נקודות )points( טיסה )flying( מים )water( מתכת )steel( לפניך טופס המאפשר לחשב את כמות הנקודות הסופית ורמתו של אספן הפוקימונים, רמה ראשונית או רמה מתקדמת. רמה ראשונית תוגדר למי שצבר עד 2000 נק' )כולל(. רמה מתקדמת תוגדר למי שצבר מעל 2000 נק' וגם ברשותו לפחות 6 פוקימונים מסוג מתכת.)steel( לאחר מילוי הטופס ולחיצה על כפתור 'חישוב ' יופיעו בתיבות הטקסט הפלטים הבאים : - סך כמות הנקודות הסופית - רמת אספן

7 לפניך קטע קוד חלקי הבונה את הטופס. הטופס מזמן פעולה לחישוב כמות הנקודות ורמת האספן. יש להשלים את החלקים החסרים: <html><head> <script> function calculate() { var pkm_flying = parseint(document.getelementbyid("flying").value); var pkm_water = parseint(document.getelementbyid("water").value); var pkm_steel = parseint(document.getelementbyid("steel").value); total = pkm_flying*100 + pkm_steel*150 + pkm_water*50 ; document.getelementbyid("points").value= total; if (total > 2000 && pkm_steel > 6){ ;"רמה מתקדמת " = document.getelementbyid("com").value ;"רמה ראשונית" = document.getelementbyid("com").value else </script></head> <body dir = "rtl"> הפוקימון הגיע לישראל< h1 > < h1 />שגעון 4> = size <input type = "text" id = "flying" value = "" פוקימון טיסה 4> = size <input type = "text" id = "water" value = "" פוקימון מים 4> = size <input type ="text" id = "steel" value = "" פוקימון מתכת <br/> <input type = "button" id ="clac" value = "חישוב" onclick = "calculate()"><br/> 4> = size <input type ="text" id = "points" value = "" כמות נקודות > "" = value <input type ="text" id = "com" רמת אספן </body></html>

8 שאלה )18 4 נק'( טבלת מעקב, דוגמה לקלט והסבר מהות משתנה, טבלת מעקב 8 נק', סעיף ב 5 נק', סעיף ג 5 נק' לפנייך קטע קוד ב- JavaScript הקולט 5 ספרות )0-9( ומדפיס תוצאות: <html><body><script> var m, digit; var result_1 = 0; var result_2 = 0; for (m=1 ; m <= 5 ; m++){ digit = parseint(window.prompt("press a digit")) if (digit % 2 == 0){ result_1= (result_1 * 10 ) + digit; else{ result_2 = result_2 + digit; document.write("<br/>"); document.write("result #1 is " + result_1 + "<br/>") document.write("result # 2 is " + result_2) </script></body></html> יש לעקוב באמצעות טבלת המעקב אחר קטע הקוד ולכתוב מה יוצג כפלט עבור הקלטים הבאים: 9,8,6,5,2 )הקלט הראשון 9(. א. result_1 result_2 m digit פלט Result #1 is 862 Result #2 is 14

9 .i ב. ג. יש לכתוב 5 מספרים שונים עבורם יוצגו שני הפלטים הבאים : Result # 1 is 646 Result # 2 is 6 קיימות 5 אפשרויות שונות לדוגמה , מה תפקידו של המשתנה result_2 :.ii.iii.iv לסכום את כל הספרות לסכום הספרות הזוגיות לסכום את הספרות האי זוגיות לסכום כל הספרות המתחלקות ב- m ללא שארית

10 חלק ב בחלק זה יש לענות על 2 שאלות מתוך 4 השאלות 5-8. כל שאלה 20 נק'. שאלה )20 5 נק'( מציאת טעות בקטעי קוד, כל קטע 4 נק' לפניך 4 קטעי קוד שונים. פי הדוגמה הבאה: מטרתו כל קטע להדפיס מלבן כוכביות הבנוי מ- 3 שורות ובכל שורה 5 כוכבים, על ***** ***** ***** בכל קטע קוד נפלה טעות. יש להסביר בקצרה מה הטעות או מה יודפס כתוצאה מהטעות הסבר תודפס שורה אחת של 15 קטע קוד <html><body><script> var k, m; for (var k = 1; k <= 3; k++){ for (m = 1; m <= 5; m++){ document.write("*"); </script></body></html> <html><body><script> var k, m; for (k = 1; k <= 3; k++) { document.write("*"); for (m = 1; m <= 5; m++) { document.write("*"); document.write("<br/>"); </script></body></html> <html><body><script> var k, m; for (k = 1; k <= 5; k++) { for (m = 1; m <= 3; m++){ document.write("*"); document.write("<br />"); </script></body></html> כוכביות. אין קינון לולאות. תודפס שורה אחת בת 8 כוכביות. יודפס מלבן בן 5 שורות ובכל שורה 3 כוכביות.1.2.3

11 הסבר קטע קוד <html><body><script> var k, m ; for (k = 1; k <= 3; k++) { for (m = 3; m <= 5; m++){ document.write("*"); document.write("<br />"); </script></body></html> מדפיס 3 שורות ובכל שורה 3 כוכביות )הפרש בין 3 ל- 5 פלוס.)1. 4

12 - - שאלה )20 6 נק' יש 8 השלמות. )4 השלמות בתוך הלולאה 3 נק' כל השלמה 4 השלמות מחוץ ללולאה והלולאה עצמה 2 נק' כל השלמה( רשות הטבע והגנים ארגנה יום פעילות שהכנסותיו קודש לשמירת הטבע בישראל. ביום זה מוצעות שתי הפעילויות הבאות: חזיון אור-קולי בעלות 10 לכרטיס כרטיס נסיעה ברכבל בעלות 15 לכרטיס לפניך קוד חלקי אשר מטרתו לקלוט לכל אחת מ- 400 המשפחות שהוזמנו ליום פעילות זה את מספר הכרטיסים שרכשה לכל אחת משתי הפעילויות )חזיון אור-קולי ונסיעה ברכבל(. על הקוד לחשב ולהדפיס: - לכל משפחה את הסכום לתשלום בעבור רכישת הכרטיסים - סכום הכסף הכולל שנאסף מכל 400 המשפחות <html><body><script> var m, count_1, count_2 ; 2) נק') 0; = total var 2) נק') 1; = m var 2) נק') 400){ <= (m while ;(("הכנסת מספר כרטיסים לחזיון אור-קולי parseint(window.prompt(" count_1 = ;(("הכנסת מספר הכרטיסים לרכבל parseint(window.prompt(" count_2 = 3) נק') ; 15 * count_2 pay = count_1 *10 + 3) נק') ; pay total = total + (3 נק') ;( "הסכום שעל המשפחה לשלם הוא " + document.write(pay document.write("<br/>"); 3) נק') 1; + m m = (2 נק') ; ("סכום הכסף הכולל שנאסף הוא " + document.write(total </script></body></html>

13 שאלה )20 7 נק'( כל צורה 10 נק ', צורה חלקית 5 נק' )צבע, מיקום( לפניך קוד דף HTML הכולל תגית canvas <html><body> <h1>what is it</h1> <canvas id="canvasframe" width="400" height="400" style="background-color:blue"></canvas> <script> var elem = document.getelementbyid('canvasframe'); var ctx = elem.getcontext('2d'); ctx.arc(200,100,100,0,2 * Math.PI,true); ctx.fillstyle = "yellow"; ctx.fill(); ctx.beginpath(); ctx.moveto(50, 150); ctx.lineto(200, 400); ctx.lineto(350, 150); ctx.moveto(50, 150); ctx.fillstyle = 'orange'; ctx.fill(); ctx.closepath(); </script> </body></html> לפניך דף משבצות ובו גבולות ה.canvas כל משבצת בגודל 50. X 50 יש לצייר את הציור המתקבל לאחר הרצת קוד ה- HTML. אין צורך להשתמש בצבעים אך יש לציין את שמות הצבעים.

14 פתרון:

15 שאלה )20 8 נק'( אנימציה - 20 נק', כל השלמה של קטע קוד 4 נק' רוני פיתחה יישומון לאחיה הקטן כדי ללמדו להשתמש בעכבר. לשם כך כתבה את קטע הקוד המציג על המסך 2 ריבועים לבנים על רקע כחול. צלע כל בריבוע 50 פיקסלים. מיקום הריבועים נקבע ע"י הפעולה randomsquare() ומוכנס למשתנים הגלובליים.(x1,y1),(x2,y2) הקלקה על כל אחד משני הריבועים תעלים את הריבוע )האזור של הריבוע שהקליקו עליו ייצבע בכחול(. בהקלקה על כל אזור אחר תופיע הודעה 'You should press inside the square!' הערה: הפעולה () randomsquare מוודאת הריבועים אינם חופפים, כלומר הם במקומות שונים על הרקע. square_size צלע של כל ריבוע באורך 50 פיקסלים x2 y2, מיקום רבוע שני x1 y1, מיקום רבוע ראשון

16 לפניך קוד חלקי, יש להשלים את ההוראות החסרות: <script> function quiz(event) { event = event window.event; var ctt = document.getelementbyid('canvasframe'); var xm = event.pagex - ctt.offsetleft; var ym = event.pagey - ctt.offsettop; if ( xm >= x1 && (xm <= (x1 + square_size)) && (ym >= y1 && ym <= (y1 + square_size))) { else { ctx.fillstyle = "blue"; ctx.fillrect(x1, y1, 50, 50); if ( xm >= x2 && (xm <= (x2 + square_size)) && (ym >= y2 && ym <= (y2 + square_size))) ctx.fillstyle = "blue"; ctx.fillrect(x2, y2, 50, 50); else { alert('you should press inside the square!') </script>

בחינת מפמ ר במדעי המחשב לכיתה ח מודול צד לקוח

המינהל למדע וטכנולוגיה הפיקוח על מדעי המחשב עתודה מדעית טכנולוגית מדינת ישראל משרד החינוך המינהל הפדגוגי אגף בכיר בחינות בחינת מפמ ר במדעי המחשב לכיתה ח מודול צד לקוח מאי 2017 אייר תשע ז שם התלמיד/ה: הכיתה: